<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    body {
        background-color: #f5f5f5;
    }
    body a {
            text-decoration: none;
    }
    .site-footer {
        width: 1519.2px;
        height: 329.8px;
        background-color: #fff;
    }
    .site-footer .container {
            width: 1226px;
            height: 329.8px;
            margin: 0 auto;
    }
    .site-footer .footer-service {
        width: 1226px;
        height: 25px;
        padding: 27px 0;
        border-bottom: 1px solid #e0e0e0;
    }
    .site-footer .footer-service li {
        float: left;
        width: 19.8%;
        height: 25px;
        font-size: 16px;
        border-right: 2px solid #e0e0e0;
        text-align: center;
        
    }
    .site-footer .footer-service  a {
        color: #616161;
    }

    .site-footer .footer-links {
        width: 1226px;
        height: 169.8px;
        padding: 40px 0;
    }
    .site-footer .footer-links dl {
        float: left;
        width: 160px;
    }
    .site-footer .footer-links dt {
        margin: -1px 0 26px;
        font-size: 14px;
        line-height: 1.25;
        color: #424242;
    }
    .site-footer .footer-links dd {
        margin: 10px 0 0;
        font-size: 12px;
    }
    .site-footer .footer-links dd a {
        color: #757575;
    }

    .col-contact {
        float: right;
        width: 251px;
        border-left: 1px solid #e0e0e0;
        text-align: center;
        color: #616161;
    }
    .col-contact .phone {
        font-size: 22px;
        line-height: 1;
        color: #ff6700;
    }
    .col-contact p {
        margin: 0 0 5px 0;
    font-size: 12px;
    }
    .col-contact a {
        border-color: #ff6700;
    background: #fff;
    color: #ff6700;
    }
    .col-contact .follow {
        font-size: 12px;
        margin-top: 10px;
        position: relative;
    }
    .col-contact .follow .wb {
        top: -5px;
        width: 24px;
        height: 24px;
        position: absolute;
        background: url(https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wb.png) 50% 0 no-repeat;
        background-size: cover;
    }
    .col-contact .follow .wx {
        top: -5px;
        right:45px;
        width: 24px;
        height: 24px;
        position: absolute;
        background: url(https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wx.png) 50% 0 no-repeat;
        background-size: cover;
    }


.site-info {
    width: 1519.2px; 
    height: 263.2px;
    padding: 30px 0;
    font-size: 12px;
}
.site-info .container {
    position: relative;
    width: 1226px;
    height:154.2px;
    margin: 0 auto;
}
.site-info .container .logo {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 10px;
    width: 56px;
    height: 56px;
    background: url(https://s02.mifile.cn/assets/static/image/logo-mi2.png) no-repeat;
    background-size: 56px;
}
.site-info .container .info-text {
    color: #b0b0b0;
    padding-left: 67px;
}
.site-info .container .info-text p {
    line-height: 18px;
    
}
.site-info .container .info-text .p1 a{
    color: #757575;
}
.site-info .container .info-text  a{
    color: #b0b0b0;
}


.site-info .container .info-links {
    height: 28px;
    margin: 4px 0 15px;
    padding-left: 67px;
}
    .site-info .container .info-links img {
        width: auto;
        height: 28px;
        margin-left: 0;
    }

    .site-info  .slogn {
        clear: both;
        margin: 30px auto 0;
        width: 100%;
        height: 19px;
        background: url(../img/slogan2020.png) no-repeat center 0;
    }
</style>
<body>
   <div class="site-footer">


       <div class="container">
           <div class="footer-service">
               <ul>
                   <li><a href=""><img src="" alt="">预约维修服务</a></li>
                   <li><a href=""><img src="" alt="">7天无理由退货</a></li>
                   <li><a href=""><img src="" alt="">15天免费换货</a></li>
                   <li><a href=""><img src="" alt="">满69包邮</a></li>
                   <li><a href=""><img src="" alt="">520余家售后网点</a></li>
               </ul>
           </div>
       

       <div class="footer-links">
            <dl>
            <dt>帮助中心</dt>
            <dd><a href="">账户管理</a></dd>
            <dd><a href="">购物指南</a></dd>
            <dd><a href="">订单操作</a></dd>
            </dl>

            <dl>
            <dt>服务支持</dt>
            <dd><a href="">售后政策</a></dd>
            <dd><a href="">自助服务</a></dd>
            <dd><a href="">相关下载</a></dd>
            </dl>

            <dl>
            <dt>线下门店</dt>
            <dd><a href="">小米之家</a></dd>
            <dd><a href="">服务网点</a></dd>
            <dd><a href="">授权体验店</a></dd>
            </dl>

            <dl>
            <dt>关于小米</dt>
            <dd><a href="">了解小米</a></dd>
            <dd><a href="">加入小米</a></dd>
            <dd><a href="">投资者关系</a></dd>
            <dd><a href="">企业社会责任</a></dd>
            <dd><a href="">廉洁举报</a></dd>
            </dl>

            <dl>
            <dt>关注我们</dt>
            <dd><a href="">新浪微博</a></dd>
            <dd><a href="">官方微信</a></dd>
            <dd><a href="">联系我们</a></dd>
            <dd><a href="">公益基金会</a></dd>
            </dl>

            <dl>
            <dt>特色服务</dt>
            <dd><a href="">F 码通道</a></dd>
            <dd><a href="">礼物码/a></dd>
            <dd><a href="">防伪查询</a></dd>
            </dl>

            <div class="col-contact">
                <p class="phone">400-100-5678</p>
                <p>8:00-18:00(仅收市话费)</p>
                <a href=""><em>人工客服</em></a>
                <div class="follow">
                    关注小米:
                    <a href="" class="wb"></a>
                    <a href="" class="wx"></a>
                    <img src="" alt="">
                </div>
            </div>
       </div>
    </div>
</div>


    <div class="site-info">
        <div class="container">
            <div class="logo"></div>
                
            <div class="info-text">
                <p class="p1">
                    <a href="">小米商城</a>
                    <span>|</span>
                    <a href="">MIUI</a>
                    <span>|</span>
                    <a href="">米家</a>
                    <span>|</span>
                    <a href="">米聊</a>
                    <span>|</span>
                    <a href="">多看</a>
                    <span>|</span>
                    <a href="">游戏</a>
                    <span>|</span>
                    <a href="">政企服务</a>
                    <span>|</span>
                    <a href="">小米天猫店</a>
                    <span>|</span>
                    <a href="">小米集团隐私政策</a>
                    <span>|</span>
                    <a href="">小米公司儿童信息保护规则</a>
                    <span>|</span>
                    <a href="">小米商城隐私政策</a>
                    <span>|</span>
                    <a href="">小米商城用户协议</a>
                    <span>|</span>
                    <a href="">问题反馈</a>
                    <span>|</span>
                    <a href="">Select Location</a>
                </p>

                <p class="p1">
                    <a href="">北京互联网法院法律服务工作站</a>
                    <a href="">中国消费者协会</a>
                    <a href="">北京市消费者协会</a>
                </p>
                
                <p>
                    @<a href="">mi.com</a>
                    京ICP证110507号<a href="">京ICP备10046444号</a>
                    <a href="">京公网安备11010802020134号</a>
                    <a href="">京文网[2020]0276-042号</a><br>
                    <a href="">(京)网械平台备字(2018)第00005号</a>
                    <a href="">互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                    <a href="">营业执照</a>
                    <a href="">医疗器械质量广告</a><br>
                    <a href="">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                    <a href="">食品经营许可证</a><br>违法和不良信息举报电话:171-5104-4404&nbsp;
                    <a href="">知识产权侵权投诉</a>&nbsp;本网站所列数据,除特殊说明,所有数据均出自我实验室测试
                </p>
            </div>
            <div class="info-links">
                <a href=""><img src="https://i1.mifile.cn/f/i/17/site/truste.png" alt=""></a>
                <a href=""><img src="https://i1.mifile.cn/f/i/17/site/truste.png" alt=""></a>
                <a href=""><img src="https://xyt.xinchacha.com/img/icon/icon3.png" alt=""></a>
                <a href=""><img src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt=""></a>
                <a href=""><img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png" alt=""></a>
            </div>
        </div>
        <div class="slogn"></div>
    </div>

</body>
</html>